gusucode.com > 婚纱摄影网站模版整站源码 1.1 > 婚纱摄影网站模版整站源码 1.1.3/婚纱2/css/style.css

    body { margin:0; padding:0; border:0; color:#555555; font:12px "/5B8B/4F53",Arial,sans-serif; background:#ffffff;}
div, li, img, ul, dl, dd, dt, h3 { margin:0; padding:0; border:0;}
ul, dl, h3, li{ list-style-type:none; vertical-align:top;}
img { vertical-align:top;}
a:link, a:visited {	color:#333333; text-decoration:none;}
a:hover { color:#ce0000; text-decoration:underline;}
a.white:link,a.white:visited,a.white:hover{ color:#fff;}
.f14px { font-size:14px;}
.f16{ font-size:16px;}
.fbold{ font-weight:bold;}
.ml{ margin:0 auto;}
.l{ float:left; display:inline;}
.r{ float:right;}
.main{ height:auto; overflow:hidden; margin-top:12px;}
.fwr{ font-family:"microsoft yahei";}
.auto{ height:auto; overflow:hidden;}
.red{ color:#c00000;}
.gwidth{ width:940px;}
.gray{ color:#999;}



.four{ width:940px; height:auto; overflow:hidden; margin:0 auto; margin-top:45px;}
.three{ width:940px; height:auto; overflow:hidden; margin:0 auto;}



.top{ background:url(../images/topbg.gif) repeat-x; width:100%; height:98px; position:relative;}
.nav{ padding-top:23px;}
.f20{ font-size:20px; line-height:20px;}
.nav a:link,.nav a:visited{ width:88px; height:46px; padding-top:13px; display:block; float:left; display:inline; color:#fff; margin-left:13px; text-align:center; text-decoration:none; text-shadow:0 0 3px #7a0001; background-image:url(../images/navbg.gif);}
.nav a:hover{ color:#fff; text-shadow:0 0 4px #fff;}
a.nav1:hover{ background:url(../images/navbg.gif) 0 -59px;}
a.nav2:link,a.nav2:visited{ background:url(../images/navbg.gif) -101px top;}
a.nav2:hover{ background:url(../images/navbg.gif) -101px -59px;}
a.nav3:link,a.nav3:visited{ background:url(../images/navbg.gif) -202px top;}
a.nav3:hover{ background:url(../images/navbg.gif) -202px -59px;}
a.nav4:link,a.nav4:visited{ background:url(../images/navbg.gif) -303px top;}
a.nav4:hover{ background:url(../images/navbg.gif) -303px -59px;}
a.nav5:link,a.nav5:visited{ background:url(../images/navbg.gif) -404px top;}
a.nav5:hover{ background:url(../images/navbg.gif) -404px -59px;}
a.nav6:link,a.nav6:visited{ background:url(../images/navbg.gif) -505px top;}
a.nav6:hover{ background:url(../images/navbg.gif) -505px -59px;}
a.nav7:link,a.nav7:visited{ background:url(../images/navbg.gif) -606px top;}
a.nav7:hover{ background:url(../images/navbg.gif) -606px -59px;}

a.nav1ing:link,a.nav1ing:visited,a.nav1ing:hover{ background:url(../images/navbg.gif) 0 -59px;}
a.nav2ing:link,a.nav2ing:visited,a.nav2ing:hover{ background:url(../images/navbg.gif) -101px -59px;}
a.nav3ing:link,a.nav3ing:visited,a.nav3ing:hover{ background:url(../images/navbg.gif) -202px -59px;}
a.nav4ing:link,a.nav4ing:visited,a.nav4ing:hover{ background:url(../images/navbg.gif) -303px -59px;}
a.nav5ing:link,a.nav5ing:visited,a.nav5ing:hover{ background:url(../images/navbg.gif) -404px -59px;}
a.nav6ing:link,a.nav6ing:visited,a.nav6ing:hover{ background:url(../images/navbg.gif) -505px -59px;}
a.nav7ing:link,a.nav7ing:visited,a.nav7ing:hover{ background:url(../images/navbg.gif) -606px -59px;}

.banner{ width:100%;}
.bannerbnt{ width:100%; height:448px; position:absolute; top:0; left:0;}
.bannerbnt a:link,.bannerbnt a:visited,.bannerbnt a:hover{ width:100%; height:448px; display:block;}
.boxbg{ background:url(../images/boxbg.png) no-repeat center 427px; width:100%; padding-top:448px; position:relative;}
.onebox{ background:#fff; padding-top:2px;}
.yellow{ width:936px; height:91px; background:url(../images/yellowbg.gif) #ffc000 repeat-x bottom; position:relative;}
.hometel{ width:293px; height:59px; padding:12px 0 0 17px;}
.qqing{ position:absolute; top:-11px; left:329px; overflow:hidden;}
.weibo{ padding:17px 17px 0 0;}
.weibo img{ padding-left:17px;}

.bigad{ width:320px; height:400px; background:url(../images/index_32.gif); padding:15px;}
.arrow{ width:16px; height:29px; padding-top:201px;}
.mleft{ padding-left:21px;}
.mt{ margin-top:40px;}
.act{ width:484px; overflow:hidden; padding-right:21px;}
.acttop_over{ width:381px; height:182px; margin-top:16px; padding:24px 0 0 103px; position:relative; background:url(../images/actover.gif) no-repeat; color:#fff;}
.acttop_over a:link,.acttop_over a:visited,.acttop_over a:hover{ color:#fff; text-decoration:none;}
.acttop_out{ width:381px; height:182px; margin-top:16px; padding:24px 0 0 103px; position:relative; background:url(../images/actout.gif) no-repeat;}
.actdate{ position:absolute; width:70px; left:0; top:17px; font-size:24px; font-family:Aramis; color:#fff; text-align:center;}
.actdate span{ font-size:36px;}
.acttop-t{ width:355px; font-size:30px; line-height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.acttop-m{ width:355px; height:32px; white-space:nowrap; padding-top:5px; text-overflow:ellipsis; overflow:hidden;}
.actpic{ width:355px; height:88px;}
.actlist{ width:510px; padding-top:20px;}
.actlist li{ width:223px; float:left; display:inline; margin-right:30px;}
.actlist-t{ height:31px; font-size:22px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.actlist-m{ height:55px; line-height:20px; padding-top:10px; overflow:hidden;}
.read{ text-align:right; padding-top:15px;}
.mt50{ margin-top:45px;}
.works{ width:1000px;}
.works li{ width:290px; overflow:hidden;  float:left; display:inline; margin:29px 35px 0 0; position:relative;}
.works li span{ display:block; padding-top:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}


.Rmb{ width:95px; color:#FFF; font-size:15px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; padding:8px 0 0 8px; height:26px; position:absolute; left:0; top:0; background:url(../images/ico_19.png) no-repeat left top;}
.works li .gray{ height:40px; overflow:hidden; font-size:12px; margin:7px 0 15px 0;}


.tips a:link,.tips a:visited{ display:block; width:188px; height:36px; padding:0 15px; line-height:36px; border-bottom:1px solid #d9d9d9; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.tips a:hover{ background:url(../images/ico_29.gif) no-repeat 195px 11px #ffc000; text-decoration:none; color:#333333;}
.tips img{ margin-bottom:10px;}
.tipsbox{ width:684px; line-height:18px;}
.tipsbox-t{ display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:18px; height:27px; line-height:27px;}
.tipsbox-m{ display:block; height:38px; overflow:hidden;}
.tipsbox a:link,.tipsbox a:visited{ width:184px; height:61px; overflow:hidden; padding:21px; color:#505050; background:#e4e0e1; border:1px solid #c4c4c4; float:left; display:inline; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.tipsbox a:hover{ color:#fff; background:#c90000; border:1px solid #c90000; text-decoration:none;}


.foot{ width:100%; background:#24262a; font-family:Arial, Helvetica, sans-serif;}
.reading{ width:1000px; height:220px; overflow:hidden; border-bottom:1px solid #282b2f;}
.reading dl{ width:320px; float:left; display:inline;}
.reading dl dt{ width:60px;}
.reading dl dd{ width:220px; margin-left:15px;}
.reading dl dd span{ display:block; line-height:18px;}
.yellowdate{ color:#ffc000; padding-top:25px;}
.reading .white{ display:block; height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.reading-m{ height:70px; overflow:hidden; margin-bottom:20px;}
.footmenu { height:175px; padding-top:30px;}
.footmenu li{ width:177px; margin-right:16px; float:left; display:inline;}
.footmenu li span{ width:167px; display:block; padding-left:10px; line-height:25px; font-size:15px; height:25px; color:#ffc000; background:#161616; margin-bottom:10px;}
.footmenu a:link,.footmenu a:visited{ width:167px; display:block; padding-left:10px; line-height:25px; height:25px; color:#65666a;}
.footmenu a:hover{ color:#ffc000; text-decoration:none; background:#282b2f;}
.foot .three{ position:relative;}
.followUs{ position:absolute; top:255px; left:790px; color:#e72d39;}
.followUs span{ display:block; height:37px; padding-left:16px;}
.followUs a{ margin-left:16px;}
.copy{ text-align:center; height:55px; color:#e72d39; line-height:55px; border-top:1px solid #282b2f;}
.copy a:link,.copy a:visited,.copy a:hover{ color:#e72d39;}
.link{ line-height:20px; padding:20px 0; border-top:1px solid #282b2f;}
.link a:link,.link a:visited{ color:#65666a;}
.link a:hover{ color:#ffc000;}

/*works*/
.postion{ padding-top:25px;}
.worksboxbg{ background:url(../images/boxbg2.gif) no-repeat center 507px; width:100%; padding-top:448px; position:relative;}
.proclass{ width:1000px;}
.proclass a:link,.proclass a:visited{ width:140px; height:40px; display:block; line-height:40px; padding:0 12px; margin:25px 25px 0 0; float:left; display:inline; background:url(../images/works_03.gif) no-repeat 127px 3px #f9f9f9; border:2px solid #d9d9d9; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.proclass a:hover{ text-decoration:none; background:url(../images/works_05.gif) no-repeat 127px 3px #f9f9f9;}
a.proing:link,a.proing:visited,a.proing:hover{ text-decoration:none; color:#FFF; background:url(../images/works_07.gif) no-repeat 127px 3px #c90000; border:2px solid #ba0001; }
.pages{ height:150px; padding-top:40px; text-align:center; color:#c1c1c1;}
.pages a:link, .pages a:visited{ font-size:20px; padding:5px 15px; line-height:40px; margin-right:3px; text-align:center; text-decoration:none; color:#fff; background:#c1c1c1; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.pages a:hover{ background:#c90000; color:#fff;}
.curr{ font-size:20px; padding:5px 15px; background:#c90000; color:#fff; margin-right:3px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.proname{ height:72px; background:#f3f3f3; margin-top:25px;}
.proname-l{ background:url(../images/works_13.gif) no-repeat 23px 10px; height:49px; width:400px; line-height:24px; color:#c90000; padding:12px 0 0 69px; font-size:24px;}
.proname-r{ padding:16px 22px 0 0; font-size:26px;}
.w-name{ font-size:36px; overflow:hidden; margin-top:25px; padding:10px 0; border-top:1px solid #d9d9d9;}
.w-date{ height:30px;}
.w-text{ line-height:24px; border-top:1px solid #d9d9d9; padding:10px 0 90px 0; overflow:hidden; text-align:center;}
.w-text img{ margin:10px 0;}
.loca-t{ height:45px; background:#f3f3f3; margin-top:25px; padding:10px 0 0 20px; font-size:25px;}
.loca-t span{ font-family:"Times New Roman", Times, serif;}
.loca li{ height:120px; overflow:hidden; padding-top:20px; border-bottom:1px solid #d9d9d9;}
.locar{ width:815px;}
.locar a:link,.locar a:visited,.locar a:hover{ color:#c90000;}
.locatintr{ height:45px; overflow:hidden; line-height:24px; padding-top:5px;}
.l-text{ line-height:24px; border-top:1px solid #d9d9d9; padding:10px 0 90px 0; overflow:hidden;}
.l-date{ height:20px; padding-top:10px;}